<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>

<div id="body" class="body page_menu_index">
    <div id="js_container_box" class="container_box cell_layout side_l">
        <div class="col_main">
            <div class="main_hd js_menuSetting ">
                <h2>自定义菜单</h2>
                <p class="extra_info mini_tips align_title icon_after">
                    <a href="#" target="_blank">使用说明<i class="icon_mini_tips document_link"></i></a>
                </p>
            </div>
            <div class="main_bd">
                <div class="menu_setting_box js_menuBox dn" style="display: block;">
                    <div class="highlight_box border icon_wrap menu_setting_msg js_menustatus dn" id="menustatus_2" style="display: block;">
                        <i class="icon icon_msg_small info"></i>
                        <p class="title">菜单编辑中</p>
                        <p class="desc">菜单未发布，请确认菜单编辑完成后点击“保存并发布”同步到手机。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box border icon_wrap menu_setting_msg js_menustatus dn" id="menustatus_1" style="display: none;">
                        <i class="icon icon icon_msg_small success"></i>
                        <p class="title">菜单使用中</p>
                        <p class="desc">可在手机查看菜单内容。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border menu_setting_msg js_menustatus dn" id="menustatus_3" style="display: none;">
                        <i class="icon icon_msg_small waiting"></i>
                        <p class="title">菜单已发布</p>
                        <p class="desc"><span class="js_waitHour">11</span>小时后可在手机查看菜单内容。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border icon_small menu_setting_msg js_menustatus dn" id="menustatus_4" style="display: none;">
                        <i class="icon lock"></i>
                        <p class="title">未开启自定义菜单</p>
                        <p class="desc">通过编辑和发布自定义菜单来进行便携管理。若开启菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border icon_small menu_setting_msg js_menustatus dn" id="menustatus_5" style="display: none;">
                        <i class="icon lock"></i>
                        <p class="title">未开启自定义菜单</p>
                        <p class="desc">由于开发者通过接口修改了菜单配置，当前菜单配置已失效并停用。你可以前往<a href="#">开发者中心</a>进行停用。</p>
                    </div>
                    <div class="highlight_box icon_wrap border menu_setting_msg js_menustatus dn" id="menustatus_6" style="display: none;">
                        <i class="icon icon icon_msg_small success"></i>
                        <p class="title">API版本菜单使用中</p>
                        <p class="desc">该页面显示的菜单版本已失效。当前生效版本请调用API查看。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border menu_setting_msg js_menustatus dn" id="menustatus_7" style="display: none;">
                        <i class="icon icon icon_msg_small success"></i>
                        <p class="title">API版本/个性化菜单使用中</p>
                        <p class="desc">该页面显示的菜单版本已失效。当前生效版本请调用API查看。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border menu_setting_msg js_menustatus dn" id="menustatus_8" style="display: none;">
                        <i class="icon icon_msg_small waiting"></i>
                        <p class="title">菜单已发布/个性化菜单使用中</p>
                        <p class="desc"><span class="js_waitHour"></span>小时后可在手机查看菜单内容。当前生效的个性化菜单内容请调用API查看。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border menu_setting_msg js_menustatus dn" id="menustatus_9" style="display: none;">
                        <i class="icon icon_msg_small info"></i>
                        <p class="title">菜单编辑中/个性化菜单使用中</p>
                        <p class="desc">菜单未发布，请确认菜单编辑完成后点击“保存并发布”同步到手机。当前生效的个性化菜单内容请调用API查看。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="highlight_box icon_wrap border menu_setting_msg js_menustatus dn" id="menustatus_10" style="display: none;">
                        <i class="icon icon icon_msg_small success"></i>
                        <p class="title">菜单使用中/个性化菜单使用中</p>
                        <p class="desc">可在手机查看菜单内容，当前生效的个性化菜单内容请调用API查看。若停用菜单，请<a href="#" class="js_closeMenu">点击这里</a></p>
                    </div>
                    <div class="page_msg mini plugin_update_tips js_authorized" style="display:none;margin:-20px 30px 0 30px">
                        <div class="inner group"><span class="msg_icon_wrp">
                            <i class="icon_msg_mini info"></i></span>
                            <div class="msg_content"><p>你已授权给<span class="js_auth_name"></span>帮助你运营公众号，点击管理<a href="#">已授权的第三方平台</a></p></div>
                        </div>
                    </div>
                    <div class="menu_setting_area js_editBox">
                        <div class="menu_preview_area">
                            <div class="mobile_menu_preview">
                                <div class="mobile_hd tc">体育馆运营平台</div>
                                <div class="mobile_bd">
                                    <ul class="pre_menu_list grid_line ui-sortable ui-sortable-disabled" id="menuList">
                                        <li class="jsMenu pre_menu_item grid_item jslevel1 ui-sortable ui-sortable-disabled size1of2 current selected"
                                            id="menu_0">
                                            <a href="javascript:void(0);" class="pre_menu_link" draggable="false">
                                                <i class="icon_menu_dot js_icon_menu_dot hide"></i>
                                                <i class="icon20_common sort_gray"></i>
                                                <span class="js_l1Title">菜单名称</span>
                                            </a>
                                            <div class="sub_pre_menu_box js_l2TitleBox" style="">
                                                <ul class="sub_pre_menu_list">
                                                    <li class="js_addMenuBox">
                                                        <a href="javascript:void(0);" class="jsSubView js_addL2Btn" title="最多添加5个子菜单" draggable="false">
                                                            <span class="sub_pre_menu_inner js_sub_pre_menu_inner">
                                                                <i class="icon14_menu_add"></i>
                                                            </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <i class="arrow arrow_out"></i>
                                                <i class="arrow arrow_in"></i>
                                            </div>
                                        </li>

                                        <li class="js_addMenuBox pre_menu_item grid_item no_extra size1of2">
                                            <a href="javascript:void(0);" class="pre_menu_link js_addL1Btn" title="最多添加3个一级菜单" draggable="false">
                                                <i class="icon14_menu_add"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="sort_btn_wrp">
                                <a id="orderBt" class="btn btn_default" href="javascript:void(0);" style="display: none;">菜单排序</a>
                                <span id="orderDis" class="dn btn btn_disabled" style="display: inline-block;">菜单排序</span>
                                <a id="finishBt" href="javascript:void(0);" class="dn btn btn_default">完成</a>
                            </div>
                        </div>
                        <div class="menu_form_area">
                            <div id="js_none" class="menu_initial_tips tips_global hide">
                                点击左侧菜单进行编辑操作
                            </div>
                            <div id="js_rightBox" class="portable_editor to_left">
                                <div class="editor_inner">
                                    <div class="global_mod float_layout menu_form_hd js_second_title_bar">
                                        <h4 class="global_info">菜单名称</h4>
                                        <div class="global_extra"><a href="javascript:void(0);" id="jsDelBt">删除菜单</a></div>
                                    </div>
                                    <div class="menu_form_bd" id="view">
                                        <div id="js_innerNone" style="display:none;"
                                             class="msg_sender_tips tips_global"></div>
                                        <div class="frm_control_group js_setNameBox">
                                            <label for="" class="frm_label"><strong class="title js_menuTitle">菜单名称</strong></label>
                                            <div class="frm_controls">
                                                <span class="frm_input_box with_counter counter_in append">
                                                    <input type="text" class="frm_input js_menu_name" placeholder="菜单名称">
                                                </span>
                                                <p class="frm_msg fail js_titleEorTips hide">字数超过上限</p>
                                                <p class="frm_msg fail js_titlenoTips hide">请输入菜单名称</p>
                                                <p class="frm_tips js_titleNolTips">字数不超过4个汉字或8个字母</p>
                                            </div>
                                        </div>
                                        <div class="frm_control_group">
                                            <label for="" class="frm_label"> <strong class="title js_menuContent">菜单内容</strong> </label>
                                            <div class="frm_controls frm_vertical_pt">
                                                <label class="frm_radio_label js_radio_sendMsg selected" data-editing="1">
                                                    <i class="icon_radio"></i>
                                                    <span class="lbl_content">发送消息</span>
                                                    <input type="radio" name="hello" class="frm_radio">
                                                </label>
                                                <label class="frm_radio_label js_radio_url" data-editing="1">
                                                    <i class="icon_radio"></i>
                                                    <span class="lbl_content">跳转网页</span>
                                                    <input type="radio" name="hello" class="frm_radio">
                                                </label>
                                                <label class="frm_radio_label js_radio_weapp" data-editing="1">
                                                    <i class="icon_radio"></i>
                                                    <span class="lbl_content">跳转小程序</span>
                                                    <input type="radio" name="hello" class="frm_radio">
                                                </label>
                                            </div>
                                        </div>
                                        <div class="menu_content_container">
                                            <div class="menu_content send jsMain" id="edit">
                                                <div class="msg_sender" id="editDiv">
                                                    <div class="msg_tab">
                                                        <div class="tab_navs_panel">
                                                            <span class="tab_navs_switch_wrp switch_prev js_switch_prev">
                                                                <span class="tab_navs_switch"></span>
                                                            </span>
                                                            <span class="tab_navs_switch_wrp switch_next js_switch_next" style="display: none;">
                                                                <span class="tab_navs_switch"></span>
                                                            </span>
                                                            <div class="tab_navs_wrp">
                                                                <ul class="tab_navs js_tab_navs" style="margin-left:0;">
                                                                    <li class="tab_nav tab_appmsg width4 selected" data-type="1" data-tab=".js_appmsgArea" data-tooltip="图文消息">
                                                                        <a href="javascript:void(0);" onclick="return false;">&nbsp;
                                                                            <i class="icon_msg_sender"></i><span class="msg_tab_title">图文消息</span>
                                                                        </a>
                                                                    </li>

                                                                    <li class="tab_nav tab_img width4" data-type="2" data-tab=".js_imgArea" data-tooltip="图片">
                                                                        <a href="javascript:void(0);" onclick="return false;">&nbsp;
                                                                            <i class="icon_msg_sender"></i><span class="msg_tab_title">图片</span>
                                                                        </a>
                                                                    </li>

                                                                    <li class="tab_nav tab_audio width4" data-type="3" data-tab=".js_audioArea" data-tooltip="语音">
                                                                        <a href="javascript:void(0);" onclick="return false;">&nbsp;
                                                                            <i class="icon_msg_sender"></i><span class="msg_tab_title">语音</span>
                                                                        </a>
                                                                    </li>

                                                                    <li class="tab_nav tab_video width4 no_extra" data-type="4" data-tab=".js_videoArea" data-tooltip="视频">
                                                                        <a href="javascript:void(0);" onclick="return false;">&nbsp;
                                                                            <i class="icon_msg_sender"></i><span class="msg_tab_title">视频</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="tab_panel">
                                                            <div class="tab_content">
                                                                <div class="js_appmsgArea inner">
                                                                    <!--type 1图文 2图片  3语音 4视频 -->
                                                                    <div class="tab_cont_cover jsMsgSendTab" data-index="0">
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="1" data-index="0">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>从素材库中选择</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a target="_blank" class="add_gray_wrp create_new_appmsg" href="javascript:;">
                                                                                    <i class="icon36_common add_gray"></i><strong>新建图文消息</strong>
                                                                                </a>
                                                                                <a target="_blank" href="#">
                                                                                    <i class="icon_appmsg_selfcreate"></i><strong>自建图文</strong>
                                                                                </a>
                                                                                <a target="_blank" href="#">
                                                                                    <i class="icon_appmsg_share"></i><strong>分享图文</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="tab_content hide">
                                                                <div class="js_imgArea inner">
                                                                    <!--type 1图文 2图片  3语音 4视频 -->
                                                                    <div class="tab_cont_cover jsMsgSendTab"
                                                                         data-index="1" data-type="2">
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="2" data-index="1">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>从素材库中选择</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a class="add_gray_wrp" id="msgSendImgUploadBt" data-type="2" href="javascript:;">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>上传图片</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                            <div class="tab_content hide">
                                                                <div class="js_audioArea inner">
                                                                    <!--type 1图文 2图片  3语音 4视频 -->
                                                                    <div class="tab_cont_cover jsMsgSendTab"
                                                                         data-index="2" data-type="3">
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="3" data-index="2">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>从素材库中选择</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a class="add_gray_wrp " id="msgSendAudioUploadBt" href="javascript:;">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>新建语音</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>

                                                            <div class="tab_content hide">
                                                                <div class="js_videoArea inner">
                                                                    <!--type 1图文 2图片  3语音 4视频 -->
                                                                    <div class="tab_cont_cover jsMsgSendTab"
                                                                         data-index="3">
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a class="add_gray_wrp jsMsgSenderPopBt" href="javascript:;" data-type="4" data-index="3">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>从素材库中选择</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                        <div class="media_cover">
                                                                            <span class="create_access">
                                                                                <a target="_blank" class="add_gray_wrp" href="#">
                                                                                    <i class="icon36_common add_gray"></i>
                                                                                    <strong>新建视频</strong>
                                                                                </a>
                                                                            </span>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p class="profile_link_msg_global menu_send mini_tips warn dn js_warn" style="display: none;"> 请勿添加其他公众号的主页链接 </p></div>
                                            <div class="menu_content url jsMain hide" id="url">
                                                <form action="#" id="urlForm" onsubmit="return false;">
                                                    <p class="menu_content_tips tips_global">订阅者点击该子菜单会跳到以下链接</p>
                                                    <div class="frm_control_group">
                                                        <label for="" class="frm_label">页面地址</label>
                                                        <div class="frm_controls">
                                                            <span class="frm_input_box disabled">
                                                                <input type="text" class="frm_input" id="urlText" name="urlText" disabled="disabled">
                                                            </span>

                                                            <p class="profile_link_msg_global menu_url mini_tips warn dn js_warn" style="display: none;"> 请勿添加其他公众号的主页链接 </p>

                                                            <p class="frm_tips" id="js_urlTitle" style="display: none;">
                                                                来自<span class="js_name"></span><span style="display:none;"> -《<span class="js_title"></span>》</span>
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="frm_control_group btn_appmsg_wrap">
                                                        <div class="frm_controls">
                                                            <p class="frm_msg fail dn" id="urlUnSelect" style="display: none;">
                                                                <span for="urlText" class="frm_msg_content" style="display: inline;">请选择一篇文章</span>
                                                            </p>
                                                            <a href="javascript:;" id="js_appmsgPop">从公众号图文消息中选择</a>
                                                            <a href="javascript:void(0);" class="dn btn btn_default" id="js_reChangeAppmsg" style="display: none;">重新选择</a>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="menu_content weapp hide" id="weapp">
                                                <div class="link_weapp_loading js_link_weapp_loading" style="display: none;"><i class="icon_loading_small white"></i></div>
                                                <div class="weapp_empty_box js_weapp_no_binded_hint" style="display: block;">
                                                    <p class="desc">自定义菜单可跳转已绑定的小程序，本公众号尚未绑定小程序。</p>
                                                    <a href="#" class="btn btn_default">前往绑定</a>
                                                </div>
                                                <form action="#" id="weappSettingsForm" onsubmit="return false;" style="display: none;">
                                                    <p class="menu_content_tips tips_global">订阅者点击该子菜单会跳到以下小程序</p>
                                                    <div class="frm_control_group js_weapp_select_group">
                                                        <label for="" class="frm_label">小程序</label>
                                                        <div class="frm_controls">
                                                            <a href="#" class="btn btn_default js_weapp_select">选择小程序</a>
                                                        </div>
                                                        <input type="hidden" class="js_weapp_appid" id="" name="">
                                                    </div>
                                                    <div class="frm_control_group js_weapp_path_group">
                                                        <label for="" class="frm_label">小程序路径</label>
                                                        <div class="frm_controls">
                                                            <span class="frm_input_box">
                                                                <input type="text" class="frm_input js_weapp_path" id="" name="">
                                                            </span>
                                                            <p class="frm_tips"> 已选择小程序 - <span class="js_weapp_title">中华小当家</span></p>
                                                            <a href="#" class="btn btn_default js_weapp_select">重新选择</a>
                                                        </div>
                                                    </div>
                                                    <div class="frm_control_group">
                                                        <label for="" class="frm_label">备用网页</label>
                                                        <div class="frm_controls js_weapp_backup_url_input_wrapper">
                                                            <span class="frm_input_box js_weapp_backup_url_input">
                                                                <input type="text" class="frm_input js_weapp_backup_url" id="" name="">
                                                            </span>
                                                            <div class="js_weapp_backup_url_select" style="display: none">
                                                                <p><a href="javascript:;" id="js_weapp_appmsgPop">从公众号图文消息中选择</a>
                                                                </p>
                                                                <p class="frm_tips js_weapp_url_title" style="display: none;">
                                                                    来自<span class="js_name"></span><span style="display:none;"> -《<span class="js_title"></span>》</span>
                                                                </p>
                                                                <a href="javascript:void(0);" class="dn btn btn_default" id="js_weapp_reChangeAppmsg">重新选择</a>
                                                            </div>
                                                            <p class="profile_link_msg_global mini_tips warn dn js_warn" style="display: none;"></p>
                                                            <p class="frm_tips" id="" style="">旧版微信客户端无法支持小程序，用户点击菜单时将会打开备用网页。 </p>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="menu_content sended" style="display:none;">
                                                <p class="menu_content_tips tips_global">订阅者点击该子菜单会跳到以下链接</p>
                                                <div class="msg_wrp" id="viewDiv"></div>
                                                <p class="frm_tips">
                                                    来自<span class="js_name">素材库</span><span style="display:none;"> -《<span class="js_title"></span>》</span>
                                                </p>
                                            </div>
                                            <div id="js_errTips" style="display:none;" class="msg_sender_msg mini_tips warn"></div>
                                        </div>
                                    </div>
                                </div>
                                <span class="editor_arrow_wrp">
                                    <i class="editor_arrow editor_arrow_out"></i>
                                    <i class="editor_arrow editor_arrow_in"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="tool_bar tc js_editBox">
                        <span id="pubBt" class="btn btn_input btn_primary">
                            <button>保存并发布</button>
                        </span>
                        <a href="javascript:void(0);" class="btn btn_default" id="viewBt">预览</a>
                    </div>
                </div>
            </div>
            <div class="mobile_preview hide" id="mobileDiv">
                <div class="mobile_preview_hd"><strong class="nickname">体育馆运营平台</strong></div>
                <div class="mobile_preview_bd">
                    <ul id="viewShow" class="show_list"></ul>
                </div>
                <div class="mobile_preview_ft">
                    <ul class="pre_menu_list grid_line" id="viewList"></ul>
                </div>
                <div class="moblie_preview_weapp js_preview_weapp_wrapper" style="display: none">
                    <div class="weapp_hd">
                        <i class="icon_back_weapp js_preview_weapp_close">返回</i>
                        <p class="weapp_title js_preview_weapp_title"></p>
                    </div>
                    <div class="preview_extra"> 电脑端暂不支持预览小程序</div>
                </div>
                <a href="javascript:void(0);" class="mobile_preview_closed btn btn_default" id="viewClose">退出预览</a>
            </div>
            <!--删除菜单-->
            <div class="dialog_wrp js_menu_dialog ui-draggable hide" style="width: 720px; margin-left: -360px; margin-top: -186px;">
                <div class="dialog" id="wxDialog_5">
                    <div class="dialog_hd">
                        <h3>温馨提示</h3>
                        <a href="javascript:;" class="pop_closed" onclick="return false;">关闭</a>
                    </div>
                    <div class="dialog_bd">
                        <div class="page_msg large simple default ">
                            <div class="inner group">
                                <span class="msg_icon_wrapper"><i class="icon_msg warn "></i></span>
                                <div class="msg_content ">
                                    <h4>删除确认</h4>
                                    <p>删除后“菜单名称”菜单下设置的内容将被删除</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dialog_ft">
                        <a href="javascript:;" class="btn btn_primary js_btn" onclick="return false;">确定</a>
                        <a href="javascript:;" class="btn btn_default js_btn" onclick="return false;">取消</a>
                    </div>
                </div>
            </div>
            <!--选择素材-->
            <div class="dialog_wrp js_appmsg_dialog media align_edge ui-draggable hide" style="width: 960px; margin-left: -480px; margin-top: -313.5px;">
                <div class="dialog">
                    <div class="dialog_hd">
                        <h3>选择素材</h3>
                        <a href="javascript:;" onclick="return false" class="icon16_opr closed pop_closed">关闭</a>
                    </div>
                    <div class="dialog_bd">
                        <div class="dialog_media_container appmsg_media_dialog">
                            <div class="sub_title_bar in_dialog">
                                <div class="search_bar">
                                    <span class="frm_input_box search with_del append">
                                        <a class="del_btn dn" href="javascript:" id="searchCloseBt"><i class="icon_search_del"></i>&nbsp;</a>
                                        <a id="msgSearchBtn" href="javascript:" class="frm_input_append"><i class="icon16_common search_gray">搜索</i>&nbsp;</a>
                                        <input id="msgSearchInput" placeholder="标题" value="" class="frm_input" type="text">
                                    </span>
                                </div>
                                <div class="appmsg_create tr">
                                    <a class="btn btn_primary btn_add" target="_blank" href="#">
                                        <i class="icon14_common add_white"></i>新建图文消息
                                    </a>
                                </div>
                            </div>
                            <div class="dialog_media_inner">
                                <div class="js_appmsg_list appmsg_list media_dialog">
                                    <div class="appmsg_col">
                                        <!--内容区域-->
                                    </div>&nbsp;
                                    <div class="appmsg_col"><div class="inner"></div></div>
                                </div>
                                <div class="pagination_wrp pageNavigator" style="display: none;">
                                    <!--数据条数/反应功能-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dialog_ft">
                        <span class="btn btn_primary btn_input js_btn_p"><button type="button" class="js_btn" data-index="0">确定</button></span>
                        <span class="btn btn_default btn_input js_btn_p"><button type="button" class="js_btn" data-index="1">取消</button></span>
                    </div>
                </div>
            </div>
            <!--选择图片-->
            <div class="dialog_wrp js_img_dialog img_dialog_wrp ui-draggable hide" style="width: 846px; margin-left: -423px; margin-top: -290px;">
                <div class="dialog">
                    <div class="dialog_hd">
                        <h3>选择图片</h3>
                        <a href="javascript:;" onclick="return false" class="icon16_opr closed pop_closed">关闭</a>
                    </div>
                    <div class="dialog_bd">
                        <div class="img_pick_panel inner_container_box side_l cell_layout">
                            <div class="inner_side">
                                <div class="group_list">
                                    <div class="inner_menu_box">
                                        <dl class="inner_menu js_group">
                                            <dd id="js_group0" class="inner_menu_item js_groupitem selected" data-groupid="0">
                                                <a href="javascript:;" class="inner_menu_link" title="全部图片" onclick="return false">
                                                    <strong>全部图片</strong><em class="num">(<span>2</span>)</em>
                                                </a>
                                            </dd>
                                            <dd id="js_group1" class="inner_menu_item js_groupitem" data-groupid="1">
                                                <a href="javascript:;" class="inner_menu_link" title="未分组" onclick="return false">
                                                    <strong>未分组</strong><em class="num">(<span>0</span>)</em>
                                                </a>
                                            </dd>
                                            <dd id="js_group3" class="inner_menu_item js_groupitem" data-groupid="2">
                                                <a href="javascript:;" class="inner_menu_link" title="文章配图" onclick="return false">
                                                    <strong>文章配图</strong><em class="num">(<span>2</span>)</em>
                                                </a>
                                            </dd>
                                        </dl>
                                        <div class="inner_menu_item">
                                            <a href="javascript:;" class="inner_menu_link js_creategroup js_popover">
                                                <i class="icon14_common add_gray">新建分组</i>新建分组
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="inner_main">
                                <div class="img_pick_area">
                                    <div class="sub_title_bar in_dialog">
                                        <div class="upload_box r align_right">
                                            <span class="upload_area webuploader-container"><a id="js_imageupload4070724668226181" class="btn btn_primary js_imageupload webuploader-pick" data-groupid="">本地上传</a><ul class="upload_file_box" style="display:none"></ul><div id="rt_rt_1bilcr2aq49q1bhr1j5319si1m1h2b" style="position: absolute; top: 0px; left: 0px; width: 106px; height: 32px; overflow: hidden; bottom: auto; right: auto;"><input style="display: none;" multiple="multiple" accept="image/bmp,image/png,image/jpeg,image/jpg,image/gif" type="file"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255) none repeat scroll 0% 0%;"></label></div></span>
                                        </div>
                                        <div class="img_water_tips mini_tips icon_after r weak_text">
                                            大小不超过5M<span class="js_water">，已开启图片水印</span>
                                            <i class="js_water_tips icon_msg_mini ask"></i>
                                        </div>
                                    </div>
                                    <div class="img_pick_area_inner">
                                        <div class="img_pick">
                                            <i class="icon_loading_small white js_loading" style="display: none;"></i>
                                            <ul class="group js_list img_list">
                                                <li class="img_item js_imageitem" data-id="100000003" data-url="https://mmbiz.qlogo.cn/mmbiz_jpg/LF0q2iac2B4TnF74uRSMpVibVL7Mtw3axoyCcxYiaa5UPITAADAGYt4IIT40Gla5QkgMkHy10XZzu3cDcyMibbAPhA/0?wx_fmt=jpeg" data-oristatus="0" data-format="jpeg">
                                                    <label class="frm_checkbox_label img_item_bd">
                                                        <div class="pic_box">
                                                            <img class="pic js_pic" data-src="https://mmbiz.qlogo.cn/mmbiz_jpg/LF0q2iac2B4TnF74uRSMpVibVL7Mtw3axoyCcxYiaa5UPITAADAGYt4IIT40Gla5QkgMkHy10XZzu3cDcyMibbAPhA/0?wx_fmt=jpeg" src="https://mmbiz.qlogo.cn/mmbiz_jpg/LF0q2iac2B4TnF74uRSMpVibVL7Mtw3axoyCcxYiaa5UPITAADAGYt4IIT40Gla5QkgMkHy10XZzu3cDcyMibbAPhA/0?wx_fmt=jpeg" style="height: 117px;">
                                                        </div>
                                                        <span class="lbl_content">
                                                            20161106.2.jpg
                                                        </span>
                                                        <div class="selected_mask">
                                                            <div class="selected_mask_inner"></div>
                                                            <div class="selected_mask_icon"></div>
                                                        </div>
                                                    </label>
                                                </li>
                                                <li class="img_item js_imageitem" data-id="100000002" data-url="https://mmbiz.qlogo.cn/mmbiz_jpg/LF0q2iac2B4TnF74uRSMpVibVL7Mtw3axofICdDJbIBy92lhNenOPo5uPA8SOCAKiaKcxHISdKbHp8pGJxicbMm80A/0?wx_fmt=jpeg" data-oristatus="0" data-format="jpeg">
                                                    <label class="frm_checkbox_label img_item_bd">

                                                        <div class="pic_box">
                                                            <img class="pic js_pic" data-src="https://mmbiz.qlogo.cn/mmbiz_jpg/LF0q2iac2B4TnF74uRSMpVibVL7Mtw3axofICdDJbIBy92lhNenOPo5uPA8SOCAKiaKcxHISdKbHp8pGJxicbMm80A/0?wx_fmt=jpeg" src="https://mmbiz.qlogo.cn/mmbiz_jpg/LF0q2iac2B4TnF74uRSMpVibVL7Mtw3axofICdDJbIBy92lhNenOPo5uPA8SOCAKiaKcxHISdKbHp8pGJxicbMm80A/0?wx_fmt=jpeg" style="height: 117px;">
                                                        </div>
                                                        <span class="lbl_content">
                                                            20161106.1.jpg
                                                        </span>
                                                        <div class="selected_mask">
                                                            <div class="selected_mask_inner"></div>
                                                            <div class="selected_mask_icon"></div>
                                                        </div>
                                                    </label>
                                                </li>
                                                <li class="empty_tips">该分组暂时没有图片素材</li>
                                            </ul>
                                        </div>
                                        <div class="js_pagebar"></div>
                                    </div>
                                </div>
                            </div>
                            <p class="dialog_ft_desc">已选<span class="js_selected">0</span>个，可选1个</p>
                            <div class="popover  pos_center hide" style="top: 126px; left: -82px;">
                                <div class="popover_inner">
                                    <div class="popover_content jsPopOverContent">
                                        <div class="popover_edit">
                                            <label for="" class="frm_label">创建分组</label>
                                            <div class="frm_controls">
                                                                <span class="frm_input_box">
                                                                    <input type="text" class="frm_input js_name" value="">
                                                                </span>
                                                <p class="frm_tips"></p>
                                                <p class="frm_msg fail">
                                                    <span class="frm_msg_content">填错了！！！！</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="popover_bar"><a href="javascript:;" class="btn btn_primary jsPopoverBt">确定</a>&nbsp;<a href="javascript:;" class="btn btn_default jsPopoverBt">取消</a></div>
                                </div>
                                <i class="popover_arrow popover_arrow_out"></i>
                                <i class="popover_arrow popover_arrow_in"></i>
                            </div>
                        </div>
                    </div>
                    <div class="dialog_ft">
                        <span class="btn btn_disabled btn_input js_btn_p"><button type="button" class="js_btn" data-index="0">确定</button></span>
                        <span class="btn btn_default btn_input js_btn_p"><button type="button" class="js_btn" data-index="1">取消</button></span>
                    </div>
                </div>
            </div>
            <!--选择音频-->
            <div class="dialog_wrp align_edge audio_dialog js_audio_music_dialog ui-draggablehide hide" style="width: 960px; margin-left: -480px; margin-top: -299px;">
                <div class="dialog">
                    <div class="dialog_hd">
                        <h3>选择音频</h3>
                        <a href="javascript:;" onclick="return false" class="icon16_opr closed pop_closed">关闭</a>
                    </div>
                    <div class="dialog_bd">
                        <div id="audio_music_dialog_content" class="audio_music_dialog_content">
                            <div class="title_tab">
                                <ul class="tab_navs title_tab">
                                    <li class="js_audio_tab_btn tab_nav first js_top selected"><a href="javascript:;">素材库</a></li>
                                </ul>
                            </div>
                            <div>
                                <div class="js_audio_block audio_box" style="">
                                    <div class="global_mod audio_box_hd float_layout gap_top" id="">
                                        <p class="global_info gap_top_item tips_global jsAudioTips">由于版本兼容的原因,你暂时只可以选择60秒内的语音发送</p>
                                        <p class="global_extra">
                                            <a class="btn btn_primary btn_add jsPluginAudioNew" href="javascript:;"><i class="icon14_common add_white"></i>新建语音</a>
                                        </p>
                                    </div>
                                    <div class="audio_box_bd audio_list_container" id="">
                                        <div class="media_list_tips_wrp tips_global" style="display:none;">
                                            <span class="tips">暂无素材</span>
                                            <span class="vm_box"></span>
                                        </div>
                                        <div class="media_list_tips_wrp" style="display:none;">
                                            <i class="icon_loading_small white">loading...</i>
                                            <span class="vm_box"></span>
                                        </div>
                                        <div class="audio_list jsPluginAudioList">
                                        </div>
                                        <div class="pagination_wrp jsPluginAudioPage"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dialog_ft">
                        <span class="btn btn_primary btn_input js_btn_p btn_disabled"><button type="button" class="js_btn" data-index="0">确定</button></span>
                        <span class="btn btn_default btn_input js_btn_p"><button type="button" class="js_btn" data-index="1">取消</button></span>
                    </div>
                </div>
            </div>
            <!--选择视频-->
            <div class="dialog_wrp dialog_select_video js_video_dialog ui-draggable hide" style="width: 960px; margin-left: -480px; margin-top: -308px;">
                <div class="dialog">
                    <div class="dialog_hd">
                        <h3>选择视频</h3>
                        <a href="javascript:;" onclick="return false" class="icon16_opr closed pop_closed">关闭</a>
                    </div>
                    <div class="dialog_bd">
                        <div class="dialog_media_container">
                            <div class="sub_title_bar in_dialog">
                                <div class="title_tab js_videotab">
                                    <ul class="tab_navs title_tab" data-index="0">
                                        <li data-index="0" class="tab_nav first js_top selected" data-id="15"><a href="javascript:;">素材库</a></li>
                                    </ul>
                                </div>
                                <div class="search_bar dn" style="display: none">
                                    <span class="frm_input_box search with_del append">
                                        <a class="del_btn" href="javascript:"><i class="icon_search_del"></i>&nbsp;</a>
                                        <a id="videoSearchBtn" href="javascript:" class="frm_input_append"><i class="icon16_common search_gray">搜索</i>&nbsp;</a>
                                        <input id="videoSearchInput" placeholder="关键字" value="" class="frm_input" type="text">
                                    </span>
                                </div>
                                <div class="richvideo_create js_video_create">
                                    <a class="btn btn_primary btn_add" target="_blank" href="#">
                                        <i class="icon14_common add_white"></i>新建视频
                                    </a>
                                </div>
                            </div>
                            <div class="js_video_status js_video_content dn" style="display: none;">
                                <div class="richvideo_list media_dialog" id="js_videomsg_list">
                                    <div class="richvideo_col"><div class="inner"></div></div>&nbsp;
                                    <div class="richvideo_col"><div class="inner"></div></div>
                                </div>
                            </div>
                            <div class="js_video_status js_video_tencent link_search_video_box dn js_video_search" style="display: none">
                                <div class="video">
                                    <div class="frm_control_group">
                                        <label for="" class="frm_label">视频/图文网址</label>
                                        <div class="frm_controls">
                                            <span class="frm_input_box">
                                                <input class="frm_input js_video_txurl js_video_url" placeholder="支持插入微信公众号文章链接、视频详情页链接和腾讯视频链接" type="text">
                                            </span>
                                            <p class="frm_msg fail js_video_url_tip">只支持已发布的微信公众号链接、视频详情页链接和腾讯视频链接</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="richvideo_list media_dialog" id="js_video_search_list">
                                    <div class="richvideo_col"><div class="inner"></div></div>
                                    <div class="richvideo_col"><div class="inner"></div></div>
                                </div>
                            </div>
                            <div class="js_video_status js_video_loading" style="display: none;">
                                <i class="icon_loading_small white">loading...</i>
                            </div>
                            <div class="js_video_status js_video_none dn" style="display: block;">
                                <div class="no_media_wrp">
                                    <p class="empty_tips js_empty_tips">暂无素材</p>
                                </div>
                                <span class="vm_box"></span>
                            </div>
                        </div>
                    </div>
                    <div class="dialog_ft">
                        <span class="btn btn_primary btn_input js_btn_p"><button type="button" class="js_btn" data-index="0">确定</button></span>
                        <span class="btn btn_default btn_input js_btn_p"><button type="button" class="js_btn" data-index="1">取消</button></span>
                    </div>
                </div>
            </div>
            <!--选择图文消息-->
            <div class="dialog_wrp js_teletext_dialog align_edge ui-draggable hide" style="width: 720px; margin-left: -360px; margin-top: -335.5px;">
                <div class="dialog">
                    <div class="dialog_hd">
                        <h3>选择图文消息</h3>
                        <a href="javascript:;" onclick="return false" class="icon16_opr closed pop_closed">关闭</a>
                    </div>
                    <div class="dialog_bd">
                        <div>
                            <div class="title_tab js_tab"><ul class="tab_navs title_tab" data-index="0">
                                <li data-index="0" class="tab_nav first js_top selected" data-id="hassent"><a href="javascript:;">已发送</a></li>
                                <li data-index="1" class="tab_nav  js_top" data-id="appmsg"><a href="javascript:;">素材库</a></li>
                                <li data-index="2" class="tab_nav  js_top" data-id="history"><a href="javascript:;">历史消息</a></li>
                            </ul>
                            </div>
                            <div class="menu_tab_content">
                                <!--BEGIN 已发送-->
                                <div class="media_lib js_content js_hassent">
                                    <div class="table_wrp js_hassent_list js_list">
                                        <table class="table" cellspacing="0">
                                            <thead class="thead">
                                            <tr>
                                                <td class="table_cell">标题</td>
                                                <td class="table_cell">发布日期</td>
                                            </tr>
                                            </thead>
                                            <tbody class="tbody">
                                            <tr data-link="#">
                                                <td class="table_cell">
                                                    <label class="frm_radio_label" for="checkbox3">
                                                        <i class="icon_radio"></i>
                                                        <span class="lbl_content">
                                                            赛事赛事赛事
                                                        </span>
                                                        <input name="hello" class="frm_radio" id="checkbox3" type="radio">
                                                    </label>
                                                </td>
                                                <td class="table_cell tr date"> 2017年06月06日</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="pagination_wrp js_pagebar hide">
                                        <div class="pagination" id="wxPagebar_1497604727066">
                                            <!--翻页-->
                                        </div>
                                    </div>
                                </div>
                                <!--END 已发送-->
                                <!--BEGIN 素材库-->
                                <div class="media_lib js_content js_appmsg hide">
                                    <div class="search_wrapper">
                                        <span class="frm_input_box search append">
                                            <a href="javascript:void(0);" class="frm_input_append js_search_btn" onclick="return false;">
                                                <i class="icon16_common search_gray">搜索</i>&nbsp;
                                            </a>
                                            <input placeholder="标题" value="" class="frm_input js_search" type="text">
                                        </span>
                                    </div>
                                    <div class="table_wrp js_appmsg_list js_list">
                                        <table class="table" cellspacing="0">
                                            <thead class="thead">
                                            <tr>
                                                <td class="table_cell">标题</td>
                                                <td class="table_cell">发布日期</td>
                                            </tr>
                                            </thead>
                                            <tbody class="tbody"></tbody>
                                        </table>
                                    </div>
                                    <div class="pagination_wrp js_pagebar"></div>
                                </div>
                                <!--END 素材库-->
                                <!--BEGIN 历史消息-->
                                <div class="history_msg js_content js_history hide">
                                    <div class="preview_area">
                                        <p class="desc">公众帐号历史消息列表示例</p>
                                    </div>
                                    <div class="form_area">
                                        <label class="frm_checkbox_label">
                                            <i class="icon_checkbox"></i>
                                            <span class="lbl_content">跳转到历史消息列表</span>
                                            <input class="frm_checkbox" type="checkbox">
                                        </label>
                                    </div>
                                </div>
                                <!--END 历史消息-->
                                <!--BEGIN 页面模板-->
                                <div class="homepage js_content js_homepage">
                                    <div class="js_homepage_list js_list"></div>
                                </div>
                                <!--END 页面模板-->
                            </div>
                        </div>
                    </div>
                    <div class="dialog_ft">
                        <span class="btn btn_primary btn_input js_btn_p btn_disabled"><button type="button" class="js_btn" data-index="0">确定</button></span>
                        <span class="btn btn_default btn_input js_btn_p"><button type="button" class="js_btn" data-index="1">取消</button></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mask hide"></div>
<!--<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>-->
<script src="js/jquery-1.8.3.js"></script>
<script src="js/index.js"></script>
</body>
</html>